<template>
  <div class="index flex-hv-center flex-reverse test-border">
    <div class="logo flex-hv-center">
      <img :src="logoImage" alt="logo" class="img" />
    </div>
    <div class="des-info flex-hv-center flex-reverse">
      <p>{{ version }}</p>
      <p>{{ company }}</p>
    </div>
  </div>
</template>

<script>
import logoImage from "@/assets/image/logo.jpg";
export default {
  name: "homeIndex",
  data() {
    return {
      logoImage,
      version: "Version (v1.0)",
      company: "株洲齿轮有限责任公司"
    };
  }
};
</script>

<style scoped>
/* 整个下面的div除菜单以外*/
.index {
  width: 100%;
  height: 95.6%;
}
.des-info {
  margin-bottom: 40px;
}
.des-info > p:nth-child(1) {
  color: #efefef;
  font-size: 20px;
}
.des-info > p:nth-child(2) {
  color: #efefef;
  font-size: 30px;
}

/*图片div*/
.logo {
  height: 23%;
  margin-top: 14.7%;
  margin-bottom: 14.7%;
  /*margin-left: 26.7%;*/
  /*margin-right: 26.7%;*/
  width: 100%;
}
/*图片**/
.img {
  height: 163%;
}
</style>
